<template>
  <div>
    <el-input v-model="text" style="width: 200px" placeholder="Please input" />

    {{ text }}
    <br />
    <el-input v-model="text2" style="width: 200px" placeholder="Please input" />

    {{ text2 }}
    <p>
      结论：修改不同组件的内容 不会影响其他组件的值变化，
      但是修改相同组件的内容，会影响相同组件的值的变化
    </p>
  </div>
</template>

<script lang="ts">
import { defineComponent, ref } from "vue";

export default defineComponent({
  name: "App",
  setup() {
    const text = ref("webpack热监听实践!");
    const text2 = ref("修改这里的值");
    return {
      text,
      text2,
    };
  },
});
</script>
